<div class="zoomed-picture-background">
  <%= image_tag @picture.url(format: @picture.image_file_format) %>
</div>

<div class="picture-overlay-navigation">
  <% if @previous %>
    <%= link_to alchemy.admin_picture_path(
        id: @previous,
        q: params[:q],
        page: params[:page],
        tagged_with: params[:tagged_with],
        size: params[:size],
        filter: params[:filter]
      ),
      class: "previous-picture",
      remote: true do %>
      <span class="icon-angle-left"></span>
    <% end %>
  <% end %>
  <% if @next %>
    <%= link_to alchemy.admin_picture_path(
        id: @next,
        q: params[:q],
        page: params[:page],
        tagged_with: params[:tagged_with],
        size: params[:size],
        filter: params[:filter]
      ),
      class: "next-picture",
      remote: true do %>
      <span class="icon-angle-right"></span>
    <% end %>
  <% end %>
</div>

<div class="picture-details-overlay">
  <%= render 'form' %>
  <%= render 'infos' %>
</div>

<div class="picture-overlay-handle">
  <span class="icon-angle-double-right"></span>
</div>
